var wrap = document.querySelector("#wrap");
var headNav = document.querySelector(".headNav");
var liNode = document.querySelectorAll(".container> ul > .row > li");

wrap.onscroll = function(){
    var scl = parseInt(wrap.scrollTop);
    if(scl>=(screenHeight-10)){
        // 在浏览到导航栏面板时，添加导航栏展开节点的方法
        hideShowBtnNode.addEventListener("click",over,false)
        headNav.className = "headNavFix";

        if(scl>(screenHeight-10)&&scl<(screenHeight*2-10)){
            clearStyles(NavLiNode);
            liNode[0].style.color = "orange"
        }else if(scl>(screenHeight*2)&&scl<(screenHeight*3)){
            clearStyles(NavLiNode);
            liNode[1].style.color = "orange"
        }else if(scl>(screenHeight*3)&&scl<(screenHeight*4)){
            clearStyles(NavLiNode);
            liNode[2].style.color = "orange"
        }else if(scl>(screenHeight*4)&&scl<(screenHeight*5)){
            clearStyles(NavLiNode);
            liNode[3].style.color = "orange"
        }else if(scl>(screenHeight*5)&&scl<(screenHeight*6)){
            clearStyles(NavLiNode);
            liNode[4].style.color = "orange"
        }
    }else if(scl<(screenHeight-10)){
        headNav.className = "headNav";
        // 在没浏览到导航栏面板时，清除导航栏展开节点的方法
        hideShowBtnNode.removeEventListener("click",over,false)
        hideShowNode.style.display = "none";
    }

    // console.log(scl)
}
